<template>
  <div class="gl_contentBox gl_heightFull">
    <el-tabs v-model="activeTab" class="gl_tabs" type="card">
      <el-tab-pane v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component" :active-tab="activeTab" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import onDisplay from './carouselList.vue';
import notShown from './carouselList.vue';
export default {
  data () {
    return {
      activeTab: 'onDisplay',
      tabList: [
        {
          label: '展示中',
          name: 'onDisplay',
          component: onDisplay
        },
        {
          label: '未展示',
          name: 'notShown',
          component: notShown
        }
      ]
    };
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>

</style>
